<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-1.6.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*导航条*/
$(function(){
	var aLi=$('.title_nav').find('li');
	var iSpeed=0;
	var oBg=document.getElementById("bg");
	for(var i=0;i<aLi.length-1;i++){
		aLi[i].onmouseover=function(){
			startMove(oBg,this.offsetLeft);
		}			
	};
	$('.title_nav>li>a').mouseover(function(){
	   $('.title_nav>li>a').removeClass('active');
        $(this).addClass('active');
    });

})
	var iSpeed=0;
	var left=0;
	function startMove(obj,iTarget){//alert(1)
		clearInterval(obj.timer);
		obj.timer=setInterval(function(){
			iSpeed+=(iTarget-obj.offsetLeft)/5;
			iSpeed*=0.7;
			left+=iSpeed;
			if(Math.abs(iSpeed)<1&&Math.abs(left-iTarget)<1){
				clearInterval(obj.timer);
				obj.style.left=iTarget+'px';
			}else{
				obj.style.left=left+'px'
			}
		},30)
	}
				///选项卡
$(function() {
	var isMore = 0;
	if ($("#lunbomore").size()>0) {
		isMore = 1;
		}
	$(".title_nav li").each(function(i) {
		if (i < $(".title_nav li").length - isMore-1) {
			$(this).mousemove(function() {
	    
			    		$("#tabheader > span").filter(".t1").each(function(k) {
			
			        $(this).removeClass("t1");
			        $(this).addClass("t0");
			
			    });
			    $(this).removeClass("t0");
			    $(this).addClass("t1");                  
			    $("#tabbody > div").filter(".body").each(function(k) {
			    
			        if (i == k) {
			            $(this).show();
			        }
			        else {
			            $(this).hide();
			        }
			  	  });                    
				 });             
		}
	});
})
		</script>
		<style type="text/css">
		li{list-style: none;}
			.title_nav{width: 500px;padding-left: 42px;height:42px ;background: url(title_nav_bg.jpg) no-repeat;margin-top: 15px;position: relative;}
			.title_nav li{float: left;position: relative;z-index: 100;width: 147px;height: 33px;margin-top: 4px;}
			.title_nav li a{width: 147px;height: 33px;display: inline-block;line-height: 33px;text-align: center;color: #666666;}
			.title_nav #bg{position: absolute;background: url(title_nav_active.jpg) no-repeat;left: 42px;z-index: 1;}
			.title_nav .active{color: white;font-weight: bold;}
			#tabbody{width:513px ;height:290px;overflow: hidden;margin-left: 14px;margin-top: 21px;}
			#tabbody .body{width: 513px;height: 251px;}
			#tabbody .body ul{height: 244px;}
			#tabbody .body li{*margin-top:-4px;width:513px;height: 38px;line-height: 38px;background: url(list_bg1.jpg) no-repeat ;background-position: 6px 16px; border-bottom: 1px dashed #c0c0c0;padding-left: 18px;}
			#tabbody .body li a{float: left;color: #666666; font-size: 13px;}
			#tabbody .body li span{float: right; margin-right: 24px;color: #666666;font-size: 13px; }
			#tabbody .body  .more{width: 513px;height:28px;margin-top: 10px;}
			#tabbody .body  .more a{color: #fe7901;display: block;float: right;width: 89px;height: 26px;border:1px solid #fe7901;text-align: center;line-height: 26px;}
		</style>
	</head>
	<body>
		<ul class="title_nav">       	       	
			<li id="tab0"><a class="active" href="/NewList-1.aspx">工作通知</a></li>
			<li id="tab1"><a href="/NewList-1.aspx">工作安排</a></li>
			<li id="tab2"><a href="/NewList-1.aspx">食谱安排</a></li>
			<li id="bg"><a href=""></a></li>
		</ul>
		<div id="tabbody">
			<div id="tab0" class="body">
				<ul>
					<li>
						<a href="{new.链接地址}" target="_blank">迎接期末考试，撸起袖子加油干（6月19日晨会）</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">迎接期末考试，撸起袖子加油干（6月19日晨会）</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">迎接期末考试，撸起袖子加油干（6月19日晨会）</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">迎接期末考试，撸起袖子加油干（6月19日晨会）</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">迎接期末考试，撸起袖子加油干（6月19日晨会）</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">迎接期末考试，撸起袖子加油干（6月19日晨会）</a>
						<span class="time">2017-12-2</span>
					</li>
				</ul>
				<p class="more"><a href="/NewList-1.aspx">查看更多+</a></p> 
			</div>
		
			<div id="tab1" class="body" style="display:none;">
				<ul>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题2</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题2</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题2</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题2</a>
						<span class="time">2017-12-2</span>
					</li>
				</ul>
				<p class="more"><a href="/NewList-1.aspx">查看更多+</a></p> 
			</div>
			<div id="tab2" class="body" style="display:none;">
				<ul>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题3</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题2</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题2</a>
						<span class="time">2017-12-2</span>
					</li>
					<li>
						<a href="{new.链接地址}" target="_blank">新闻标题2</a>
						<span class="time">2017-12-2</span>
					</li>
				</ul>
				<p class="more"><a href="/NewList-1.aspx">查看更多+</a></p> 
			</div>
		</div>
	
	</body>
</html>
